<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
    <script src="javascripts/zishiy.js"></script>
    <script src="javascripts/script.js"></script>
  </head>
  <body>
  <header>
    <nav>
      <span><a href="/">博客</a></span>
      <span><a href="/">boke</a></span>
      <span>
      <form action="post">
          <input type="text" placeholder="书籍，电影，音乐，视频">
      </form>
    </span>
      <span class="s s4"><a href="/book">书籍</a></span>
      <span clsss="s s5"><a href="/move">电影</a></span>
      <span class="s s6"><a href="/music">音乐</a></span>
      <span class="s s7"><a href="/video">视频</a></span>
      <span class="s s8"><a href="/radio">FM</a></span>
      <span class="s s9"><a href="/mark">市集</a></span>
    </nav>
  </header>

  <main>
      <div id="formbox">
        <div id="boxImage">
          <img class="imgb" src="images/1.jpg"></img>
        </div>
        <%- include login%>
      </div>
     <div id="box">
           <h1><a href="book">书籍</a></h1>
            <div class="image">
              <!--<img src="images/1.jpg" alt="">-->
            </div>
           <div id="book">
              <ul>
                <li>
                  <span>推荐:</span>
                  <span>大主宰</span>
                  <span>盖世帝尊</span>
                  <span>康熙王朝</span>
                  <span>汉武大帝</span>
                </li>
                <li>
                  <span>玄幻:</span>
                  <span>遮天</span>
                  <span>大主宰</span>
                  <span>九鼎记</span>
                  <span>杀神</span>
                  <span>斗破苍穹</span>
                </li>
                <li>
                  <span>都市:</span>
                  <span>江山</span>
                  <span>美人</span>
                  <span>都市情缘</span>
                  <span>情场</span>
                  <span>办公室</span>
                </li>
                <li>
                  <span>推理:</span>
                  <span>神探狄仁杰</span>
                  <span>洗冤录</span>
                  <span>福尔摩斯</span>
                  <span>刑警</span>
                </li>
                <li>
                  <span>历史</span>
                  <span>春秋</span>
                  <span>汉武大帝</span>
                  <span>大唐</span>
                  <span>宋文</span>
                  <span>元武</span>
                </li>
              </ul>
           </div>
     </div>

    <div id="move">
      <h1><a href="move">电影</a></h1>
      <div class="image1">
        <!--<img src="images/2.jpg" alt="">-->
      </div>
      <div id="book">
        <ul>
          <li>
            <span>推荐:</span>
            <span>加勒比</span>
            <span>木乃伊</span>
            <span>笑傲江湖</span>
            <span>战狼</span>
            <span>神话</span>
          </li>
          <li>
            <span>华语:</span>
            <span>笑傲江湖</span>
            <span>神话</span>
            <span>鬼吹灯</span>
            <span>盗墓笔记</span>
          </li>
          <li>
            <span>欧美:</span>
            <span>黑客帝国</span>
            <span>特种部队</span>
            <span>盗梦空间</span>
            <span>绝密飞行</span>
          </li>
          <li>
            <span>日韩:</span>
            <span>釜山行</span>
            <span>阴阳师</span>
            <span>贞子</span>
            <span>鸣梁海战</span>
            <span>熔炉</span>
          </li>
          <li>
            <span>最新:</span>
            <span>长城</span>
            <span>你的名字</span>
            <span>战狼</span>
            <span>黑侠</span>
            <span>熔炉</span>
          </li>
        </ul>
      </div>
    </div>
    <div id="music">
      <h1><a href="music">音乐</a></h1>
      <div class="image2">
        <!--<img src="images/3.jpg" alt="">-->
      </div>
      <div id="book">
        <ul>
          <li>
            <span>热搜:</span>
            <span>邓丽君</span>
            <span>周华健</span>
            <span>齐豫</span>
            <span>刘德华</span>
            <span>王菲</span>
          </li>
          <li>
            <span>华语男歌手:</span>
            <span>周传雄</span>
            <span>周华健</span>
            <span>刘德华</span>
            <span>张学友</span>
          </li>
          <li>
            <span>华语女歌手:</span>
            <span>邓丽君</span>
            <span>王菲</span>
            <span>刘若英</span>
            <span>降央卓玛</span>
          </li>
          <li>
            <span>组合:</span>
            <span>凤凰传奇</span>
            <span>羽泉</span>
            <span>5566</span>
            <span>小虎队</span>
            <span>twice</span>
          </li>
        </ul>
      </div>
    </div>
    <div id="video">
      <h1><a href="video">视频</a></h1>
      <div class="image3">
        <!--<img src="images/4.jpg" alt="">-->
      </div>
      <div id="book">
        <ul>
          <li>
            <span>推荐:</span>
            <span>盗墓笔记</span>
            <span>鬼吹灯</span>
            <span>琅琊榜</span>
            <span>伪装者</span>
          </li>
          <li>
            <span>大陆:</span>
            <span>花千骨</span>
            <span>神话</span>
            <span>大好时光</span>
            <span>琅琊榜</span>
          </li>
          <li>
            <span>港台:</span>
            <span>寻秦记</span>
            <span>小李飞刀</span>
            <span>射雕</span>
            <span>倚天屠龙记</span>
          </li>
          <li>
            <span>偶像剧:</span>
            <span>锦绣未央</span>
            <span>风雨情缘</span>
            <span>欢乐颂</span>
            <span>琅琊榜</span>
          </li>
          <li>
            <span>最新:</span>
            <span>仙剑3</span>
            <span>伪装者</span>
            <span>琅琊榜</span>
            <span>猎场</span>
          </li>
          <li>
            <span>动漫:</span>
            <span>灌篮高手</span>
            <span>四驱兄弟</span>
            <span>小当家</span>
            <span>变形金刚</span>
          </li>
        </ul>
      </div>
    </div>
    <div id="radio">
      <h1><a href="radio">FM</a></h1>
      <div class="image4">
        <!--<img src="images/5.jpg" alt="">-->
      </div>
      <div id="book">
        <ul>
          <li>
            <span>推荐:</span>
            <span>蜻蜓FM</span>
            <span>百度随听</span>
            <span>豆瓣FM</span>
            <span>音乐电台</span>
          </li>
          <li>
            <span>频道:</span>
            <span>央广网</span>
            <span>中国之声</span>
            <span>音乐之声</span>
            <span>河南之声</span>
          </li>
          <li>
            <span>听书:</span>
            <span>盗墓笔记</span>
            <span>鬼吹灯</span>
            <span>白狼宝藏</span>
            <span>楼兰奇宫</span>
          </li>
          <li>
            <span>APP:</span>
            <span>懒人听书</span>
            <span>酷听网</span>
            <span>氧气听书</span>
            <span>讯飞</span>
          </li>
        </ul>
      </div>
    </div>
    <div id="mark">
      <h1><a href="mark">市集</a></h1>
      <div class="image5">
        <!--<img src="images/6.jpg" alt="">-->
      </div>
      <div id="book">
        <ul>
          <li>
            <span>水果:</span>
            <span>苹果</span>
            <span>香蕉</span>
            <span>核桃</span>
            <span>提子</span>
            <span>西瓜</span>
          </li>
          <li>
            <span>蔬菜:</span>
            <span>西红柿</span>
            <span>土豆</span>
            <span>豆芽</span>
            <span>黄瓜</span>
            <span>茄子</span>
          </li>
          <li>
            <span>粮食:</span>
            <span>大豆</span>
            <span>玉米</span>
            <span>小麦</span>
            <span>稻谷</span>
            <span>薯类</span>
          </li>
          <li>
            <span>服装:</span>
            <span>墨镜</span>
            <span>衬衣</span>
            <span>皮带</span>
            <span>牛仔裤</span>
            <span>运动鞋</span>
          </li>
        </ul>
      </div>
    </div>
  </main>
  <footer>
    <nav>
      <div class="fnv">
        <span>作者：张衡</span>
      </div>
       <div class="fnv1">
         <span>电话：15538053770!</span>
         <span>QQ:404455037!</span>
         <span>欢迎浏览!</span>
       </div>
    </nav>
  </footer>
  </body>
</html>
<script>
  var img = document.querySelectorAll('img');
//  var img = document.querySelector('img');
  var n = 0;
  function changeImg() {
    n++;
    img[0].src = 'images/' + n + '.jpg';
    if(n > 5) {
      n = 0;
    }

  }
  changeImg();
  var time = setInterval(changeImg, 1000);
</script>